import React,{useEffect, useState} from 'react'

export default function Effect() {
    let [count,setCount] = useState(100)

    // 单独执行组件挂载完毕执行
    useEffect(()=>{
        console.log('组件挂载完成');
    },[])
    //组件卸载时执行,每次组件发送更新时都会执行卸载
    useEffect(()=>{
        return ()=>{
            console.log('组件将要卸载');
        }
    },[]) 
    // 单独执行组件更新
    useEffect(()=>{  
        if(count === 100) return
        console.log('组件更新完成');
    },[count])

    let handleClick = ()=>{
        setCount(count + 1)
    }
  return (
    <div>
        <h2>{count}</h2>
        <button onClick={handleClick}>自增</button>
    </div>
  )
}
